<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="./JS/Vector2.js" type="text/javascript"></script>
</head>
<body>
<canvas id="canvas" width="800" height="600"></canvas>
<script type="text/javascript">
    var c = document.getElementById("canvas");
    var ctx = c.getContext("2d");

    ctx.translate(300,300);
    ctx.scale(1,-1);
    var v1 = new Vector2(100,100);
    ctx.beginPath();
    ctx.moveTo(50,200);
    ctx.lineTo(v1.x,v1.y);
    ctx.moveTo(50,50);
    ctx.closePath();
    ctx.stroke();

    ctx.strokeStyle = "#F00";
    ctx.beginPath();
    ctx.moveTo(50,200);
    v1.rotateSelf(new Vector2(50,200),30);
    ctx.lineTo(v1.x,v1.y);
    ctx.closePath();
    ctx.stroke();

    ctx.strokeStyle = "#0f0";
    ctx.beginPath();
    ctx.moveTo(50,200);
    v1.rotateSelfReverse(new Vector2(50,200),40);
    ctx.lineTo(v1.x,v1.y);
    ctx.closePath();
    ctx.stroke();

    var arr = [[1,2],[3,4]];

    console.log("0,1" + arr[0][1]);
</script>
</body>
</html>